.log-big {
  // background-color: pink;
  height: 100vh;
  margin: 0 auto;
  width: 100%;
  padding: 40px 0;
  // color: #fff;
  // background-image: linear-gradient(135deg, #06020f 10%, #62407a 100%);
  // background: #485563; /* fallback for old browsers */
  // background: -webkit-linear-gradient(to right, #29323c, #485563); /* Chrome 10-25, Safari 5.1-6 */
  // background: linear-gradient(
  //   to right,
  //   #29323c,
  //   #485563
  // ); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  .login-first {
    margin-bottom: 20px;
    text-align: left;
    font-size: 25px;
    letter-spacing: 2px;
  }
  .login-box {
    width: 500px;
    border: 2px solid #50545a;
    border-radius: 6px;
    box-shadow: 0px 0px 15px rgb(143, 121, 224);
    // border: 1px solid #e0e2e6;
    padding: 30px;
    margin: 150px auto;
    .ant-form-item-label > label {
      color: #fff;
      width: 80px;
      letter-spacing: 3px;
    }
    .ant-form-item-control-input-content {
      input {
        color: rgba(255, 255, 255, 0.85);
        background-color: rgba(121, 68, 154, 0.13) !important;
        border: 1px solid rgb(89, 70, 97);
      }
    }
    .ant-input-affix-wrapper {
      background-color: rgba(121, 68, 154, 0.13) !important;
      border: 1px solid rgb(89, 70, 97) !important;
      input {
        background-color: rgba(121, 68, 154, 0) !important;
        border: 1px solid rgba(121, 68, 154, 0.13) !important;
      }
      .anticon,
      .anticon-eye-invisible,
      .ant-input-password-icon {
        color: #fff;
      }
    }
  } 
  .ant-btn-primary {
    border-color: rgb(151, 137, 197) !important;
    background-image: linear-gradient(135deg, #20194b 30%, #ccc5ed 100%) !important;
  }
  .submit-box {
    display: flex;
    justify-content: space-around;
  }

}
// body {
//   width: 100%;
//   height: 100vh;
//   // background-color: rgb(34, 31, 31) !important;
//   background-image: radial-gradient(circle at top right, rgba(121, 68, 154, 0.13), transparent),
//     radial-gradient(circle at 20% 80%, rgba(41, 196, 255, 0.13), transparent);
//   overflow: hidden;
// }

// canvas {
//   position: fixed;
//   width: 100%;
//   height: 100%;
// }
